<#include '/admin/header.html' >
<style>
 td .layui-btn{
  background:#1E9FFF;
  }
</style>
<div  class="admin-main">
   <div>
       <!--提示区域  -->
        <div class="page_explain">
            <h2>操作提示</h2>
            <ul>
                <li><span>·</span>可对类型或者相应属性、参数、关联品牌、关联规格、进行添加、删除、和修改操作。</li>
                <li><span>·</span>属性：对类型进行属性添加，比如 选择项是否可搜索，选择项的选择，是否为必填，等等。</li>
                <li><span>·</span>参数：设置参数之后，可以在前台商品详情也所看到。</li>
                <li><span>·</span>关联品牌：添加品牌的话，可以在对商品进行添加，修改的时候，选择对应分类下的所有品牌。</li>
                <li><span>·</span>关联规格：开启关联规格之后，可以为该类型增加规格，比如，容量、尺寸、颜色等等...</li>
            </ul>
        </div>
        <!--按钮操作  -->
        <div class="table_control">
            <div class="table_opera">
                <button type="button" id="addtype" title="添加" class="layui-btn layui-btn-primary " ><i class="icon iconfont icon-llalbumshopselectorcreate"></i></button>
                <button type="button" id="deletetype"  title="删除" class="layui-btn layui-btn-primary " onclick="delType();"><i class="icon iconfont icon-guanbi1"></i></button>
                <button type="button" title="提示" class="layui-btn layui-btn-primary" id="explain"><i class="icon iconfont icon-tishi1"></i></button>
            </div>

            <div class="table_search">
                <input type="text" id="_search" placeholder="请在这里输入关键字" style="height:25px;">
                <button type="button" class="layui-btn layui-btn-primary layui-btn-small" id="_searchTypeId"><i class="layui-icon">&#xe615;</i></button>
            </div>
           
        </div>
   </div>
   <!--表格区域  -->
   <form id="typeform">
    <table id="typedata" class="layui-table site-table table-hover" width="100%" lay-skin="line">
        <thead>
        <tr>
            <th><input type='checkbox'  class='btn-checkall fly-checkbox' id='selected-all'></th>
            <th>类型名称</th>
            <th>属性</th>
            <th>参数</th>
            <th>关联品牌</th>
            <th>关联规格</th>
            <th>操作</th>
        </tr>
        </thead>

    </table>
    <!--传值等操作  -->
    <div id="addBrand" ></div>
   </form>
</div>

<!--js区域  -->
<script>
var table;
$(function(){
	
	 table = $('#typedata').DataTable({
		"language": {
	        "url": "${staticserver}/media/zh_CN.txt"
	    },
	    "processing": true,
	    "serverSide": true,
	    "ordering": false,
	    "searching": false,
	    "lengthChange": false,
	    ajax: {
	        //指定数据源
	        type:"post",
	        url: '${ctx}/shop/admin/type/list-json.do',
	    },
	    columns: [ //定义列
            {"data": function (obj) {
                return '<input type="checkbox" name="type_id" class="fly-checkbox" value=' + obj.type_id + '>';
            }},
            //名称
	        {data: "name"},
	        //属性
	        {"data": function (obj) {
	        	if(obj.have_prop == 1){
	        		return '<a class="layui-btn layui-btn-mini layui-btn-normal" typeId= '+obj.type_id+' onclick="editProps('+obj.type_id+', 2)">修改</a>';
	        	}else{
	        		return '无';
	        	}
            }},
            
            //参数
	        {"data": function (obj) {
	        	if(obj.have_parm == 1){
	        		return '<a class="layui-btn layui-btn-mini layui-btn-normal" typeId= '+obj.type_id+' onclick="editProps('+obj.type_id+', 3)">修改</a>';
	        	}else{
	        		return '无';
	        	}
            }},
            //品牌
            {"data": function (obj) {
	        	if(obj.join_brand == 1){
	        		return '<a class="layui-btn layui-btn-mini layui-btn-normal" typeId= '+obj.type_id+' onclick="editProps('+obj.type_id+', 4)">修改</a>';
	        	}else{
	        		return '无';
	        	}
            }},
            //规格
	        {"data": function (obj) {
	        	if(obj.join_spec == 1){
	        		return '<a class="layui-btn layui-btn-mini layui-btn-normal" typeId= '+obj.type_id+' onclick="editProps('+obj.type_id+', 5)">修改</a>';
	        	}else{
	        		return '无';
	        	}
            }},
	        
	        
	        {data: null,"render": function(data, type, row) {
	        	return "<a class='layui-btn layui-btn-small _aa' name='change_btn' onclick='editType("+data["type_id"]+")'>操作</a>";		//获取值:data["brand_id"]
	       	}}
	     ]
	});
	
	$("#_searchTypeId").click(function(){
		_searchGoodsType(table);
	});
	
	//添加
	$("#addtype").click(function(){
		 layer.open({
	            title:"添加类型",//标题
	            maxmin :true,//右上角可否放大缩小
	            type:2,//弹框的类型
	            shade: [0.3, '#000'],//黑色背景
	            shadeClose:false,//黑色背景是否可以点击关闭
	            content:"${ctx}/shop/admin/type/step1.do",//内容的URL
	            area:['600px','400px'],//弹框大小
	            scrollbar: false//是否允许浏览器出现滚动条
	        });
	});
});

function _searchGoodsType(table){
	var keyword = $("#_search").val();
	var url =table.ajax.url("${ctx}/shop/admin/type/list-json.do?keyword="+keyword);
	url.load();
}

//修改类型
function editType(typeId){
	layer.open({
        title:"修改类型",//标题
        maxmin :true,//右上角可否放大缩小
        type:2,//弹框的类型
        shade: [0.3, '#000'],//黑色背景
        shadeClose:false,//黑色背景是否可以点击关闭
        content:ctx+"/shop/admin/type/edit.do?typeId="+typeId,//内容的URL
        area:['600px','400px'],//弹框大小
        scrollbar: false,//是否允许浏览器出现滚动条
    });
}


//修改属性
function editProps(id,typeid){
	var title ="修改";
	if(typeid==2){
		title ="修改属性";
	}else if(typeid==3){
		title ="修改参数";
	}else if(typeid==4){
		title ="关联品牌";
	}else if(typeid==5){
		title ="关联规格";
	}
	layer.open({
        title:title,//标题
        maxmin :true,//右上角可否放大缩小
        type:2,//弹框的类型
        offset: '20px',
        shade: [0.3, '#000'],//黑色背景
        shadeClose:false,//黑色背景是否可以点击关闭
        content:ctx+"/shop/admin/type/edit-other.do?typeId="+id+"&otherType="+typeid,//内容的URL
        area:['900px','500px'],//弹框大小
        scrollbar: true//是否允许浏览器出现滚动条
    });
}




//删除类型
function delType(){
	var checktype = $("input[name='type_id']").is("input:checked");
	if(checktype == false){
		alert("请选择删除的类型");
		return false;
	} 
	if (!confirm("确认要删除该类型吗？")) {
		return;
	}
   var options = {
		   url:ctx+"/shop/admin/type/delete.do",
			type:"post",
			dataType:"json",
			success:function(data){
				if(data.result==1){
					$.Loading.success(data.message);
					table.ajax.url(ctx+"/shop/admin/type/list-json.do").load();
				}
			    if(data.result==0){
			    	$.Loading.error(data.message);
			    }
			}
   };
   $("#typeform").ajaxSubmit(options);
}
</script>
<#include '/admin/footer.html' >
